html, body {
    height: 100%;
}

body { /* de stijlen voor het hele document */
	margin: 0;
	padding: 0;
	font: 12px verdana, arial, sans-serif;
	/*font: 14px FangSong, Arial;*/
}

a { /* de stijlen voor de links */
	color: #06F;
	cursor:pointer;
	text-decoration:none;
}
a:hover { /* de stijlen voor de links waar de cursor boven zweeft */
	
}
a:visited { /* de stijlen voor de bezochte links */
	
}

.linked a {
	background-image: url(img/extern.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 12px;
}

.checkbox {
	background-color: transparent;
	border : 0px solid;
}
.radio {
	background-color: transparent;
	border : 0px solid;
}

#container { /* de stijlen voor het omvattende deel van de navigatie, inhoud en voet */
	width: 1000px;
	height: 100%;
	margin: auto;
	padding: 0px;
	border-left: 1px solid #152C60;
	border-right: 1px solid #152C60;
	text-align: left;
	display:table;
}

#header { /* de stijlen van de header, het logo */
	height: 79px;
	margin: 0 0 0 0;
	display:table-row;
	background-image:url(img/title.png);	
}
#loginIF {
	float:right;
	margin-right:0.5em;
	font-size:1em;
}
#loginIF ul{
	text-align:right;
	height:0.7em;
}
#loginIF li{
	color:#152C60;
}

#main{
	margin: 0;
	padding: 0;	
	height: 100%;
	display:table-row;
}

#content { /* de stijlen voor de inhoud, de tekst */
	float: right;
	margin: 0px 3px 0px 7px;
	padding: 0;
	width: 835px;
}

#breadCrumbDiv {
	padding:5px 0px;
	overflow:hidden;
}

.main_title {
	font-size: 14px;
	font-weight: 700;
	color: #22395e;
	line-height: 1em;
	letter-spacing: 0.1em;
	background-image: url(img/arrow.png);
	background-repeat: no-repeat;
	background-position: left 1px;
	padding-left: 16px;
}
.main_title a{
	text-decoration:none;
	color: #666;
	padding-right:5px;
}

#workAreaDiv{
	height: 100%;
	width: 100%;
	float:left;
	padding:0;
	padding-top:10px;
	padding-bottom:10px;
	overflow:auto;
}

#content p { /* de stijlen voor de alinea's in de inhoud */
	margin: 0.5em;
	padding: 0;
}

#footer { /* de stijlen voor de voet, de copyright */
	clear: both;
	text-align: center;
	height: 20px;
	margin: 0;
	padding: 0;
	background: #CCC;
	color: #666;
}

#footer p { /* de stijlen voor de alinea's in de voet */
	margin: 0;
	padding: 0;
	padding-top:3px;
}

/*slidemenu_CSS*/
#vertical_menu { /* de stijlen van de navigatie */
	margin: 0;
	padding: 0;
	float: left;
	height: 100%;
	overflow:scroll;
	overflow-x:hidden;
}

#vertical_menu span {
	display:block;
	padding:0.5em 0.5em;
	width:115px;
	cursor: default;
	background: url(img/title.gif) repeat-x;
	overflow: hidden;
	font-size: 14px;
}

#vertical_menu ol {margin:0px;padding:0px;}
#vertical_menu ol li {
	list-style:none;
	margin:0px;
	color:#FFF;
	letter-spacing:0px;
	font-size: 14px;
}

#vertical_menu ul.collapsed,#vertical_menu ul.expand {
	margin:0px;	
}

#vertical_menu ul.collapsed {
	height:0px;
	overflow: hidden;
	padding:0px;
	margin:0px;
	*position:relative;
	background-color: #69F;
	color: #FFF;
}

#vertical_menu ul.expand {
	overflow: hidden;
	padding:0px;
	margin:0px;
	*position:relative;
	background-color: #69F;
	color: #FFF;
}

#vertical_menu ul.collapsed li,
#vertical_menu ul.expand li	{
	display:block;
	background-color: #69F;
	color: #FFF;
}

#vertical_menu ul.collapsed a,
#vertical_menu ul.collapsed a:link,
#vertical_menu ul.collapsed a:visited,
#vertical_menu ul.expand a,
#vertical_menu ul.expand a:link,
#vertical_menu ul.expand a:visited	{
	color: #FFF;
	display:block;
	padding:0.3em 0.5em;
	text-decoration:none;
}

#vertical_menu ul.collapsed a:hover,
#vertical_menu ul.expand a:hover {
	color: #FFF;
	display:block;
	/*background-color:#0F298F;*/
	background-color:#3C3CFB;
	padding:0.3em 0.5em;
	text-decoration:none;
}

.table_background {
	background: #ECF0FB;/* #daeebd background color 6 */
}

.table_border {
	background: #B0B0B0; /* background color 4 */
}

.table_header_on {
	background: #999; /* background color 1 */
	color:#FFF;
}
.table_header_on td{
	padding: 3px 2px 3px 2px;
	letter-spacing:1px;
	font-weight:bold;
}

.table_title {
	color:#06F;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 3px;
	padding: 2px 2px 4px 20px;
	background-image: url(img/docs_16.gif);
	background-repeat: no-repeat;
	background-position: 2px 2px;
}

.table_display_1 {
	background: white;
}
.table_display_2 {
	background: #F6F6F6;
	padding: 4px 3px 2px;}
.table_display_3 {
	background: #f8f8f8; /* background color 5 */
}
.table_display_1, .table_display_2, .table_display_3 {
	font-weight: normal;
	color: #333333; /* background color 3 */
	padding: 4px 3px;
}

.btnTR td{
	padding: 5px 0px;
}

#tablist{
	padding: 0;
	margin: 0;
}

#tablist .col{
	display: inline;
	text-decoration: none;
	border-bottom: none;
	background-color:#1b84f9;
	cursor:pointer;
	color: #FFFFFF;
	padding: 3px 3px;
	font-weight: normal;
}

#tablist .col a{
	display: inline;
	text-decoration: none;
	border-bottom: none;
	background-color:#1b84f9;
	cursor:pointer;
	color: #FFFFFF;
	padding: 3px 3px;
	font-weight: normal;
}

#tablist .col2{
	display: inline;
	text-decoration: none;
	border-bottom: none;
	background-color:#00499a;
	cursor:pointer;
	color: #FFFFFF;
	padding: 3px 3px;
	font-weight: normal;
}

#tablist .col2 a{
	display: inline;
	text-decoration: none;
	border-bottom: none;
	background-color:#00499a;
	cursor:pointer;
	color: #FFFFFF;
	padding: 3px 3px;
	font-weight: normal;
}

.NoType{
	text-align:right;
}

.text_class1{
	width: 2em;
	border:none;
	border-bottom:1px solid #999;
	text-align:center;
}